<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>实时资讯</title>
	<style type="text/css">
		[v-cloak] {
			display: none;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="g-header">
			<img src="~@/assets/img/discover/realTime-header.jpg" alt="">
		</div>
		<section id="notice" class="g-notice _m-drag-box" @touchstart="startDrag" @touchmove="onDrag"
			@touchend="stopDrag" :style="drag.style">
			<div class="_show">
				<span v-if="drag.status == 1">下拉刷新</span>
				<span v-if="drag.status == 2">松手刷新</span>
				<span v-if="drag.status == 3">刷新中···</span>
			</div>
			<div id="messageBox" class="rt" :style="{height:boxHeight}">
				<ul class="m-message" v-if="messageList.length">
					<li v-for="item in messageList"><span v-html="item.info"></span></li>
				</ul>
			</div>
		</section>

	</div>
	<!-- CDN加载Vue库 -->
	<script src="https://cdn.bootcss.com/vue/2.1.5/vue.min.js" type="text/javascript"></script>
</body>

</html>